<div class="uk-form P-sweetyPicText">
    <div class="P-sweetyPicTextSelectBox">
        <span pub-mod="@base/common/input.button" pub-name="select" />
    </div>

    <div ms-repeat-item="template" class="channelBox" >
        <div class="templateBox" ms-class="conflict: item.conflict">
            <label class="templateTitle">{{item.AdxName}}:    {{item.title}}</label>
            <i class="close icon-close" ms-click="vmRemoveTemplate($outer.$index,$index)"></i>
            <div class="M-formConGroup">
                <label class="group-label textLabel">{% 创意名称 %}：</label>
                <div class="textInput">
                    <input type="text" class="minInput" ms-duplex="item.name">
                </div>
            </div>
            <div ms-repeat-field="item.fields" class="M-formConGroup templateInput" ms-class="dn: field.type == TYPE_MAP.HIDDEN">
                <div ms-class="dn: !item.view[field.field]" ms-if="field.type == TYPE_MAP.IMAGE || field.type == TYPE_MAP.VIDEO " ms-attr-id="upload_{{field.guid}}">
                    <div class="M-formConGroup">
                        <label class="textLabel">{{field.title}}：</label>
                        <label ms-if="field.terms" class="grayText">({{field.terms}})</label>
                    </div>
                </div>
                <div ms-if="field.type == TYPE_MAP.RADIO" ms-class="dn: !item.view[field.field]">
                    <div class="M-formConGroup">
                        <label class="textLabel">{{field.title}}：</label>
                        <div class="textInput">
                            <label ms-repeat-opt="field.options" class="mr15">
                                <input type="radio" ms-duplex-text="field.content" ms-value="opt.value" ms-change="vmRadioChange(item)">
                                <span ms-text="opt.name" />
                            </label>
                        </div>
                    </div>
                </div>
                <div ms-if="field.type == TYPE_MAP.TEXT" ms-class="dn: !item.view[field.field]">
                    <div class="mb5">
                        <label class="textLabel">{{field.title}}：</label>
                        <label ms-if="field.description && field.description.length" class="grayText">（{{field.description}}）</label>
                    </div>
                    <div class="textInput">
                        <input ms-if="field.max < 100 && !field.isCss " type="text" ms-keyup="vmContentChange(field)" class="minInput" ms-duplex="field.content" ms-class="f-is-danger: field._len > field.max || field._len < field.min" ms-class-1="bigInput: field.max >= 30 ">
                        <span ms-if="field.max < 100 && !field.isCss " class="ml10 grayText">{{field._len}}字符</span>
                        <textarea ms-if="field.max >= 100 && !field.isCss " ms-keyup="vmContentChange(field)"  class="minInput" ms-duplex="field.content" cols="3" ms-class="f-is-danger: field._len > field.max || field._len < field.min" ms-class-1="bigInput: field.max >= 30 "></textarea>
                        <span ms-if="field.max >= 100 && !field.isCss " class="ml10 grayText">{{field._len}}字符</span>
                        <textarea ms-if="field.isCss " class="textAreaCss" ms-duplex="field.content" cols="5"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
